.container{
    width: 80%;
}

main{
    margin-top: 8px;
    
    .crumbs{
        color: #514e4e;
        line-height: 59px;
        font-size: 15px;
        .crumbs_title:hover{
           color: #23b8ff;
           cursor: pointer;
        }
        .crumbs_title:nth-child(9){
         color: #898888;
        }
        .crumbs_title:nth-child(9):hover{
            color: #23b8ff;
            cursor: pointer;
        }
    }
    .content{
        display: flex;
        .content_left{
            
            img{}
            .content_left_ensure{
                font-size: 15px;
                line-height: 36px;
                color: #999;
                a{
                    color: #999;
                }
            }
        }
        .content_right{
            position: relative;
            margin-left: 20px;
            .content_right_title{
            font-size: 25px;
            line-height: 30px;
            }
            .content_right_analyse{
                line-height: 53px;
                color: #999;
               .content_right_analyse_fenxiang{
                cursor:pointer;
               }
               .content_right_analyse_shouji{
                cursor:pointer;
               } 
            }
            .content_right_label{
                display: flex;
               .content_right_label_text{
                   cursor:pointer;
                   color:#23b8ff;
                  border: 1px solid #23b8ff;
                  margin-left: 5px;
                  padding: 3px 7px;
               }
            }
            .content_right_contact{
                position: relative;
                margin-top: 20px;
                border: 1px solid #ccc;
                width: 100%;
                padding: 15px 14px;
                color: #555353;
                .content_right_contact_wx{
                    position: absolute;
                    top: -9px;
                    left: 18px;
                    background: #fff;
                }
                .content_right_contact_shuoming{

                }
            }
            .content_right_time{
              width: 100%;
             
              border: 1px solid #ff4343;
              margin-top: 20px;
              .content_right_time_top{
                height: 33px;
                background-color: #ff4343;
                display: flex;
                justify-content: space-between;
                /* line-height: 33px; */
                padding: 8px 15px;
                color: #fff;
              }
              .content_right_time_bottom{
                width: 100%;
                height: 50px;
                display: flex;
                justify-content: space-between;
                padding: 11px 12px;
                .content_right_time_bottom_text{
                    font-size: 20px;
                    color: #ff4343;
                    line-height: 32px;
                  span{
                    text-decoration: line-through;
                    font-size: 12px;
                    line-height: -13px;
                    color: #999;
                  }
                }
                .content_right_time_bottom_text2{
                    font-size: 14px;
                    color: #ff4343;
                    line-height: 31px;
                }
              }
            }
            .content_right_button{
                width: 100%;
                display: flex;
                margin-top: 30px;
                // color: #fff;
             .content_right_button_btn:nth-child(1){
                cursor:pointer;
                width: 134px;
                height: 44px;
                background-color: #23b8ff;
                color: #fff;
                text-align: center;
                line-height: 44px;
                border-radius: 2px;
                a{
                    color: #fff;  
                }
             }
             .content_right_button_btn:nth-child(2){
                cursor:pointer;
                width: 134px;
                height: 44px;
                border: 1px solid #23b8ff;
                color: #23b8ff;
                text-align: center;
                line-height: 44px;
                margin-left: 10px;
                border-radius: 2px;
             }
            }
            // 弹窗
   
        }
    }
}


// ---------------------------------------


.content_fenxiang{
    position: absolute;
    top: 255px;
    left: px;
    right: 305px;
    width: 355px;
    height: 360px;
    background-color: #fff;
    box-shadow: 1px 1px 5px #ebe9e9;
    border-radius: 4px;
    display: none;
    .logo{
    display: flex;
    height: 140px;
    padding: 30px;
    border-bottom: 1px solid #f6f2f2;
   
        .qq{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            width: 48%;
            .text{
                font-size: 12px;
                color: #999;
                margin-top: 20px;
            }
            svg{ 
                width: 35px;
                height: 35px;
            }
        }
        .wx{
          width: 48%;
          display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            .text{
                font-size: 12px;
                color: #999;
                margin-top: 20px;
            }
            svg{ 
                width: 35px;
                height: 35px;
            }
        }
    }
    .erweima{
        display: flex;
        margin-top: 20px;
       .wxsm{
        width: 48%;
        display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            .text{
                font-size: 12px;
                color: #999;
                line-height: 38px;
            }
            .text1{
                margin-top: 16px;
                color: #23b8ff;
                cursor:pointer;
            }
       } 
       .qqsm{
        width: 48%;
        display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            .text{
                font-size: 12px;
                color: #999;
                line-height: 38px;
            }
            .text1{
                margin-top: 16px;
                color: #23b8ff;
                cursor:pointer;
            }
       }
    }
    }

// -------------------------------------------------


nav{
  background-color: #f4f4f4;
  width: 100%;
    .box{
        display: flex;
        background-color: #f4f4f4;
        margin-top: 40px;
        .left{
        width: 70%;
        margin-top: 22px;
        background-color:#fff;
          .tab{
            width: 100%;
             .tab_list{
                width: 100%;
                height: 60px;
                border-bottom: 1px solid #efefef;
                ul{
                    li {
                        float: left;
                        height: 60px;
                        line-height: 39px;
                        padding: 0 20px;
                        text-align: center;
                        cursor: pointer;
                        list-style-type: none;
                        line-height: 60px;
                        padding: 0 40px;
                    }
                } 
             }
             .tab_con{
                .item{
                    display: none;
                    padding:20px;
                } 
                // 第一个
               .item:nth-child(1){
                 .wx{
                    cursor:pointer;
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    height: 63px;
                    background-color: #f6f6f6;
                    padding: 20px,10px;
                    padding: 20px 30px;
                    line-height: 23px;
                 }
                 .teacher{
                    .teacherbox{
                        display: flex;
                     .teacher_head{
                       img{
                        width: 81px;
                        border-radius: 50%;
                       }
                   } 
                   .teacher_introduce{
                       .teacher_introduce_name{
                           color: #23b8ff;
                           margin-left: 20px;
                       }
                       .teacher_introduce_title{
                         width: 200px;
                        display: -webkit-box;
                        overflow: hidden;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        margin-left: 20px;
                        margin-top: 10px;
                        color: #333333;
                       }
                   }    
                } 
                   .teacher_synopsis{
                       margin-top: 20px;
                       display: flex;
                       .teacher_synopsis_title{
                           color: #999;
                        width: 242px;
                        text-align: center;
                        letter-spacing:18px
                       }
                       .teacher_synopsis_content{
                             color: #333333;
                       }
                   }
                 }
               }
            //    第二个
               .item:nth-child(2){
                   
                   padding:10px 15px;
                .wx{
                   cursor:pointer;
                   display: flex;
                   justify-content: space-between;
                   width: 100%;
                   height: 63px;
                   background-color: #f6f6f6;
                   padding: 20px,10px;
                   padding: 20px 30px;
                   line-height: 23px;
                }
               .course{
                margin-top: 30px;
                   ul{
                       li{
                           margin-top: 25px;
                           .course_title{
                            font-size: 19px;
                            font-weight: 600;
                            margin-left: 10px;
                           }
                           .course_data{
                            width: 100%;
                            height: 50px;
                            margin-top: 20px;
                            background: #f4f4f4;
                            padding: 17px 23px;
                            span{
                                color: #999;
                            }
                           }
                       }
                   }
               }
              }
            //   第三个
            .item:nth-child(3){
                display: flex;
                justify-content: center;
                // height: 300px;
                align-items: center;
                div{
                  
                }

              }
             }
          }
        }
        .right{
            width: 27%;
            height: 530px;
            margin-left: 14px;
            margin-top: 22px;
            background-color: #fff;
            padding: 27px;
            .touz_box{
              display: flex;
        
         .right-titel{
             img{
                 width: 66px;
             }
         }
         .right_name{
            margin-left: 22px;
            color:  #23b8ff;
          }  
         }
        .right_comment{
            display: flex;
            margin-top: 20px;
            .right_comment_text{
              display: flex;
            
              flex-direction: column;
              align-items: center;
           width: 100px;
             div:nth-child(2){
                color: #999;
                line-height: 28px;
             }
            }
            .right_comment_text:nth-child(2){
                border-left: 1px solid #e0dfdf;
            }
            .right_comment_text:nth-child(3){
                border-left: 1px solid #e0dfdf;
            }
        }
        .right_text{
            margin-top: 20px;
            line-height: 20px;
            font-weight: 300;
            border-bottom: 1px solid #e0dfdf;
            padding-bottom: 42px;
        }
        .right_contact{
            margin-top: 15px;
            line-height: 40px;
        }
        }
    }
    // 底部tab栏
    .bottom-tab{
      .tab1{
        width: 100%;
        margin-top: 40px;
        .tab_list1{
           width: 100%;
           height: 60px;
           border-bottom: 1px solid #efefef;
           ul{
               li {
                   float: left;
                   height: 60px;
                   line-height: 39px;
                   padding: 0 20px;
                   text-align: center;
                   cursor: pointer;
                   list-style-type: none;
                   line-height: 60px;
                   padding: 0 40px;
               }
           } 
        }
        .tab_con1{
            .item1{
               width: 80%;
               display: none;
                .item1box{
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    padding-bottom: 30px;
                    .item1_title{
                        height: 36px;
                        border: 1px solid #d4d4d4;
                        padding: 8px 10px;
                        margin-left: 15px;
                        border-radius: 20px;
                        margin-top: 10px;
                        color: #696969;
              }
            }
            .item1box2{
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                padding-bottom: 30px;
                .item1_title{
                    height: 36px;
                    border: 1px solid #d4d4d4;
                    padding: 8px 10px;
                    margin-left: 15px;
                    border-radius: 20px;
                    margin-top: 10px;
                    color: #696969;
                }
            }    
          }
        }
      }
    }
}


// 公共样式
.current {
    // background-color: #c81623;

    border-bottom: 4px solid #23b8ff;
    color: #23b8ff;
  }